<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <header><h1 class="headline_text">todos</h1></header>
    <section>
      <div class="input_line">
        <label for="arrow" class="all_label">❯</label>
        <input
          class="list_input"
          type="text"
          placeholder="What needs to be done?"
          autofocus
        />

        <!-- 待办列表 -->
        <ul class="list">
          <!-- <li>
            <label for="comp" class="misson_label"></label>
            <input class="mission" type="text" value="4" />
            <button class="destroy">×</button>
      
          </li>
          <li>
            <label for="comp" class="misson_label"></label>
            <input class="mission a65" type="text" value="4" />
            <button class="destroy">×</button>
          </li> -->
        </ul>

        <!-- 选项卡栏 -->
        <div id="filter_box">
          <!-- <ul class="filter">
            <li>2 item left</li>
            <li>All</li>
            <li>active</li>
            <li>completed</li>
            <li class="des_comp">clear completed</li>
          </ul> -->
        </div>
      </div>
    </section>

    <!-- 底部声明信息 -->
    <footer>
      <p>Double-click to edit a todo</p>
      <p>Template by Sindre Sorhus</p>
      <p>Created by you</p>
      <p>Part of TodoMVC</p>
    </footer>

    <!-- js部分 -->
    <script src="index.js"></script>
  </body>
</html>
